<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Versace Official Online Store | Fashion Clothing & Accessories</title>
    <link rel="icon" sizes="32*23" href="https://www.versace.cn/on/demandware.static/-/Library-Sites-ver-shared-trans/default/dwc296e088/images/icon/jc-favicon.png">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/libs/iconfont.css">
	<link rel="stylesheet" type="text/css" href="/libs/bootstrap/css/bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="libs/swiper/css/swiper.min.css"/>
</head>
<body>
    <header>
        
        
    </header>
	
	
	
	<!-- 轮播图 -->
	<div class="slideshow">
		 <!-- Swiper -->
		  <div class="swiper-container">
		    <div class="swiper-wrapper " id="bigswiper">
			
		     
		    </div>
			<script type="text/html" id="bannerTemplate">
				{{each list item,index}}
					 <div class="swiper-slide"><img src= "{{item.src}}"></div>
				{{/each}}
			</script>
			
		   <!-- Add Pagination
		    <div class="swiper-pagination"></div> -->
		    <!-- Add Arrows -->
			<div class="btnbox1">
				<div class="swiper-button-next btnnext"></div>
			</div>
			<div class="btnbox1">
		    <div class="swiper-button-prev btnprev"></div>
			</div>
		  </div>
	</div>
	
	
	
	<!-- 主页 -->
	<!-- 可复用模块 -->
	<main>
		<div class="shop" id="shop">
			<!-- <div class="shop-content">
				<dl>
					<dt>
						 <div class="swiper-container smallbanner">
								    <div class="swiper-wrapper">
								      <div class="swiper-slide">1<img src="" ></div>
								      <div class="swiper-slide">2<img src="" ></div>
								      <div class="swiper-slide">3<img src="" ></div>
								    </div>
						</div>
					</dt>
					<dd>
						<b>短袖</b>
						<p>logo多彩光感T恤</p>
						<span><a href="/html/detailpage.html">点击购买</a></span>
					</dd>
				</dl>
				
			</div>
			<div class="shop-card">
				<dl>
					<dt>
						<div class="shop-card-small">
							
						</div>
					</dt>
					<dd>
						<p>logo多彩光感T恤</p>
						<i>印花体恤多种角度提现不同多绝对好吃的从单纯大家车电池的基础 就成都好吃的</i>
						<a href="#">更多</a>
					</dd>
				</dl>
			</div> -->
		</div>
		<script type="text/html" id="shopTemplate">
			<div class="shop-content">
							<dl>
								<dt>
									 <div class="swiper-container smallbanner">
											    <div class="swiper-wrapper">
												{{each  photo item}}
											      <div class="swiper-slide"><img src="{{item.src}}" ></div>
											    {{/each}}
											    </div>
									</div>
								</dt> 
								<dd>
									<b>{{kinds}}</b>
									<p>{{title}}</p>
									<span><a href="/html/detailpage.html">点击购买</a></span>
								</dd>
							</dl>
							
						</div>
						<div class="shop-card">
							<dl>
								<dt>
									<div class="shop-card-small">
										<img src="{{photo[0].src}}" >
									</div>
								</dt>
								<dd>
									<p>{{title}}</p>
									<i>{{des}}</i>
									<a href="#">更多</a>
								</dd>
							</dl>
						</div>
		</script>
		
		<div class="doublecard">
			<div class="doublecard-top" id="doublecardtop">
				<!-- <div class="doublecard-top-card1">
								<dl>
									<dt>
										<div class="doublecard-top-card1-small">
											
										</div>
									</dt>
									<dd>
										<p>logo多彩光感T恤</p>
										<i>印花体恤多种角度提现不同多绝对好吃的从单纯大家车电池的基础 就成都好吃的</i>
										<a href="#">更多</a>
									</dd>
								</dl>
							</div>
				<div class="doublecard-top-card2">
									<dl>
										<dt>
											<div class="doublecard-top-card2-small">
												
											</div>
										</dt>
										<dd>
											<p>logo多彩光感T恤</p>
											<i>印花体恤多种角度提现不同多绝对好吃的从单纯大家车电池的基础 就成都好吃的</i>
											<a href="#">更多</a>
										</dd>
									</dl>
				</div> -->
					
				</div>
				<script type="text/html" id="doublecardtopTemplate">
					{{each}}
					<img src="http://24782132.s21i.faiusr.com/2/ABUIABACGAAg0o7l_AUoiJ7nzwEwgA84hAc.jpg ">
					<div class="doublecard-top-card1">
									<dl>
										<dt>
											<div class="doublecard-top-card1-small">
												<img src="{{resp[0].src}}" />
											</div>
										</dt>
										<dd>
											<p>{{resp[0].title}}</p>
											<i>{{resp[0].des}}</i>
											<a href="#">更多</a>
										</dd>
									</dl>
								</div>
					<div class="doublecard-top-card2">
										<dl>
											<dt>
												<div class="doublecard-top-card2-small">
													<img src="{{resp[1].src}}" />
												</div>
											</dt>
											<dd>
												<p>{{resp[1].title}}</p>
												<i>{{resp[1].des}}</i>
												<a href="#">更多</a>
											</dd>
										</dl>
					</div> -->
					{{/each}}
				</script>
				<div class="doublecard-bottom">
					<div class="doublecard-bottom-content">
						<b>短袖</b>
						<p>logo多彩光感T恤</p>
						<span>点击购买</span>
					</div>
				</div>
			</div>
			
			
		</div>
		
		<div class="series" id="series">
			<!-- <img src="" >
			<div class="series-content">
				
				<div class="series-content-card">
					<p>时装系列</p>
					<i>单纯的很常见的是你家地及水电局ip都V皮带机V几顿vj的vj店铺VIP的 积极的V了很久的话</i>
					<a href="#">阅读更多&nbsp;&nbsp;></a>
				</div>
			</div>	 -->
		</div>
		<script type="text/html" id="seriesTemplate">
			{{each}}
				<img src="{{body.src}}" >
				<div class="series-content">
					
					<div class="series-content-card">
						<p>{{body.title}}</p>
						<i>{{body.des}}</i>
						<a href="#">阅读更多&nbsp;&nbsp;></a>
					</div>
				</div>	
			{{/each}}
		</script>
		<!-- 品牌故事 -->
		<div class="brandstory">
			<div class="brandstory-content">
				<div class="brandstory-content-title">
					<p>品牌故事</p>
					<span></span>
				</div>
				<div class="brandstory-content-middle">
					<div class="brandstory-content-middle-left">
						<!-- <div class="brandstory-content-middle-left-show">
							<dl>
								<dt><img src="" ></dt>
								<dd>
									<a href="#"><p>jdcodhuhcdsjcidjpids okcodkcodkco dkdcodcd dj</p></a>
									<i>dnjcdnjcndnkmdlmck;mmmmkdmkdmkfdk;ld,v ldmkcjdsdkjdsdokc;dmcdknjcjdicmdknd点点点点点点k</i>
								</dd>
							</dl>
						</div> -->
						<!-- <div class="brandstory-content-middle-left-show">
							
						</div> -->
					</div>
					<div class="brandstory-content-middle-m">
						<dl>
							<dt></dt>
							<dd>
								<p>jdcodhuhcdsjcidjpids okcodkcodkco dkdcodcd dj</p>
								<i>dnjcdnjcndnkmdlmck;mmmmkdmkdmkfdk;ld,v ldmkcjdsdkjdsdokc;dmcdknjcjdicmdknd点点点点点点k</i>
							</dd>
						</dl>
					</div>
					<div class="brandstory-content-middle-left">
						
					</div>
				</div>
				<div class="brandstory-content-click">
					<a href="#"><span>欣赏更多故事</span></a>
				</div>
			</div>
		</div>
	</main>
	<footer>
		
	</footer>
	<script src="/libs/require.js" data-main = "/js/index"type="text/javascript" charset="utf-8"></script>
</body>
</html>